<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>欢迎界面</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="themes/icon.css">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="setpage.js"></script>
<script type="text/javascript" src="util/json2.js"></script>
<script type="text/javascript" src="util/myUtil.js"></script>
<script type="text/javascript" src="jquery.easyui.min.js"></script>
</head>

<body>
	<div style="background-color: #E1ECFA">
	<h2>欢迎你，<%= request.getParameter("username") %></h2>
	<!-- <div style="margin:20px 0;"></div> -->
	<h5><p align="right"><a href="login.jsp">重新登录</a></p></h5>
	</div>
	<hr>

	<c:out value="Hello,${usr} "></c:out> 
	
	
	<hr>
	<div class="easyui-layout" style="width:800px;height:450px;">
		<div data-options="region:'north'" style="height:50px"></div>
		<div data-options="region:'south',split:true" style="height:50px;"></div>
		<div data-options="region:'east',split:true" title="右侧导航" style="width:180px;">
			<ul class="easyui-tree" data-options="url:'tree_data1.json',method:'get',animate:true,dnd:true"></ul>
		</div>
		<div data-options="region:'west',split:true" title="左侧导航" style="width:100px;">
			<div class="easyui-accordion" data-options="fit:true,border:false">
				<div title="显示导航" style="padding:10px;">
					content1
				</div>
				<div title="管理用户" data-options="selected:true" style="padding:10px;">
					content2,
					content3,
					content4
				</div>
				<div title="关于" style="padding:10px">
					content3
				</div>
			</div>
		</div>
		<div data-options="region:'center',title:'用户信息栏',iconCls:'icon-ok'">
			<div class="easyui-tabs" data-options="fit:true,border:false,plain:true">
				
				<div title="用户信息表" style="padding:5px">
					
					<table id="search-toolbar" cellpadding="1" cellspacing="1" style="width:100%">   
        <tr><tb>
        		<a id="newUser" href="#" class="easyui-linkbutton" iconCls="icon-add" onclick="javascript:newUser();return false;">添加</a>
 				<a id="editUser" href="#" class="easyui-linkbutton" iconCls="icon-edit" onclick="javascript:editUser();return false;">编辑</a>
				<a id="destroyUser" href="#" class="easyui-linkbutton" iconCls="icon-remove"  onclick="javascript:destroyUser();return false;">删除</a>
        	</tb>
        	<td>   
            	<input id="var1" name="username" class="easyui-textbox" data-options="prompt:'按用户名查询'">
            	<input id="var2" name="email" class="easyui-textbox" data-options="prompt:'按邮箱查询'"> 
                <a id="Cancel" href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="javascript:searchUser();return false;">查询</a>
        </td></tr>   
    </table>   
	
	<table id="box"></table>
				</div>
			<div title="公告栏" data-options="href:'_content.html'" style="padding:10px"></div>
			</div>
		</div>
	</div>
	<div id="dlg" class="easyui-dialog"
		style="width:400px;height:280px;padding:10px 20px" closed="true"
		buttons="#dlg-buttons">
		<div class="ftitle">用户信息表</div>
		<form id="addForm" method="post">
			<div class="fitem">
				<label>用户ID:</label> <input id="dragon" name="userId" class="easyui-validatebox"
					required="true" >
			</div>
			<div class="fitem">
				<label>用户名:</label> <input name="username"
					class="easyui-validatebox" required="true">
			</div>
			<div class="fitem">
				<label>密&nbsp;&nbsp;码:</label> <input name="password">
			</div>
			<div class="fitem">
				<label>电子邮箱:</label> <input name="email" class="easyui-validatebox"
					validType="email">
			</div>
			<div class="fitem">
				<label>用户级别:</label> <input name="grade">
			</div>
		</form>
	</div>
	<div id="dlg-buttons">
		<a id="saveUser" href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="javascript:saveUser();return false;">保存</a>
		<a id="Cancel" href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close');return false;">取消</a>

	</div> 

  </body>
</html>